<link rel="stylesheet" href="http://cdn.admui.com/demo/pjax/1.2.0/css/examples/components/advanced/scrollbar.css" id="siteStyle">
<script src="/static/public/vendor/bootstrap-multiselect/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="/static/public/vendor/bootstrap-multiselect/bootstrap-multiselect.css">
<title>可靠性</title>

<div class="page animation-fade" style="background-color: white;">
    <div class="page-header page-header-bordered" style="position: relative;z-index:5;">
        <h1 class="page-title">可靠性</h1>
        <div class="page-header-actions">
            <select onchange="select()" name="prjId" data-plugin="selectpicker" multiple data-selected-text-format="count > 3" class>
                #foreach( $prj in $prjList )
                <option value="${prj.id}">${prj.depotName}</option>
                #end
            </select>
        </div>
    </div>

    <div class="page-content">
        <div class="row">
            <div class=" col-md-6" >
                <div class="panel panel-bordered">
                    <div class="panel-heading">

                    </div>
                    <div class="panel-body padding-3 height-350" style="width:100%">
                        #parse("/lpp/network/supply/reliability/bar1.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6" >
                <div class="panel panel-bordered">
                    <div class="panel-heading">

                    </div>
                    <div class="panel-body padding-3 height-350" style="width:100%">
                        #parse("/lpp/network/supply/reliability/bar2.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6" >
                <div class="panel panel-bordered">
                    <div class="panel-heading">

                    </div>
                    <div class="panel-body padding-3 height-350" style="width:100%">
                        #parse("/lpp/network/supply/reliability/bar3.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6" >
                <div class="panel panel-bordered">
                    <div class="panel-heading">

                    </div>
                    <div class="panel-body padding-3 height-350" style="width:100%">
                        #parse("/lpp/network/supply/reliability/bar4.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6" >
                <div class="panel panel-bordered">
                    <div class="panel-heading">

                    </div>
                    <div class="panel-body padding-3 height-350" style="width:100%">
                        #parse("/lpp/network/supply/reliability/bar5.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6" >
                <div class="panel panel-bordered">
                    <div class="panel-heading">

                    </div>
                    <div class="panel-body padding-3 height-350" style="width:100%">
                        #parse("/lpp/network/supply/reliability/bar6.html")
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script>
    function loadData() {
        var types='essos';
         //   var selected=$("select[name='prjId']").val();
        // var selected=$("#prjId option:selected").text();
            $.ajax({
                url: "#springUrl('/network/supply/reliability/loadData')",
                data: {"selected":"a,b"},
              //  data:{},
                type: "post",
                success: function (text) {
                    var d = JSON.parse(text);
                    if (d.success && d.data) {
                        loadbar1(d,types);
                        loadbar2(d,types);
                        loadbar3(d,types);
                        loadbar4(d,types);
                        loadbar5(d,types);
                        loadbar6(d,types);
                    }else{
                        document.getElementById("loading").style.display="none";
                        toastr.error(d.message);
                    }
                },
            });

    }
    $(function () {
        loadData();
    });



</script>
<script type="text/javascript">

</script>

